<template>
	<view class="aboutus">
		<view class="aboutus-top">
			<view class="aboutus-img">
				<image src="../../static/image/logo.png" mode=""></image>
			</view>
			<view class="aboutus-text">
				<view class="aboutus-tx">
					<text>{{config.title}}</text>
				</view>
				<view class="aboutus-span">
					<text>version {{ config.versions }}</text>
				</view>
			</view>
		</view>
		<view class="aboutus-bottom">
			<view class="system-ul" v-for="(item,index) in censtm" @click="advisorylist(item)">
				<view class="system-li">
					<text>{{item.text}}</text>
				</view>
				<view class="system-img">
					<image src="../../static/image/icon-jinru.png" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				censtm: [{
						id: 1,
						text: "用户服务协议"
					},
					{
						id: 2,
						text: "用户隐私协议"
					},
				]
			}
		},
		methods: {

			advisorylist(val) {
				let url;
				switch (val.id) {
					case 1:
						url = '/';
						break;
					case 2:
						url = '/';
						break;
				}
				uni.navigateTo({
					url: url,
				});
			}
		}
	}
</script>

<style lang="less" scoped>
	.aboutus {
		.aboutus-top {
			height: 400rpx;
			width: 650rpx;
			margin: 0 auto;
			border-bottom: 1rpx solid #DCDCDC;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			.aboutus-img {
				image {
					width: 123rpx;
					height: 163rpx;
				}
			}

			.aboutus-text {
				.aboutus-tx {
					margin-top: 20rpx;
					text-align: center;

					text {
						font-size: 37rpx;
						font-family: Source Han Sans CN;
						font-weight: bold;
						color: #000000;
					}
				}

				.aboutus-span {
					text-align: center;

					text {
						font-size: 27rpx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #666666;
					}
				}
			}
		}

		.aboutus-bottom {
			.system-ul {
				width: 650rpx;
				height: 100rpx;
				margin: 0 auto;
				margin-top: 50rpx;
				display: flex;
				justify-content: space-between;
				border-bottom: 1rpx solid #DCDCDC;

				.system-li {
					margin-left: 20rpx;

					text {
						font-size: 29rpx;
						font-family: Source Han Sans CN;
						font-weight: bold;
						color: #333333;
					}
				}

				.system-img {
					image {
						width: 15rpx;
						height: 24rpx;
					}
				}
			}
		}
	}
</style>
